
{extend name="common/indexa" /} {block name="style"}
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/index.css" type="text/css">
<link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/member.css" type="text/css">
<link rel="stylesheet" type="text/css" href="__SYSMET__/lib/Hui-iconfont/1.0.8/iconfont.css" />
<script>
	function change_pic() {
		var imgObj = document.getElementById("meg");
		if(imgObj.getAttribute("src", 2) == "img/me.png") {
			imgObj.src = "__TEMPLATE__/mobile/index/img/me1.png";
		} else {
			imgObj.src = "__TEMPLATE__/mobile/index/img/me.png";
		}
	}
</script>
<script language="javascript">
	function display_div(can) {
		for(var i = 1; i < 2; i++) {
			if(can == i) {
				if(document.getElementById("ch" + i).style.display == "none") {
					document.getElementById("ch" + i).style.display = "block";
				} else
				if(document.getElementById("ch" + i).style.display == "block") {
					document.getElementById("ch" + i).style.display = "none";
				}

			}

		}
	}
		function tishi_k(nerong){
		
			           $('#ji').css('display','block')
			    	$('#ti_nr').css('display','block')
			    	$('#ti_nr').html(nerong)
			    	setTimeout(function(){
					$('#ji').css('display','none')
			    	$('#ti_nr').css('display','none')
				},2000)
			}
</script>
{/block} {block name="body"}
<div id="ji" style="width:250px;height:40px;position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;opacity: .7;background: #000;border-radius: 4px;display:none;z-index:1111;">
	
</div>
<div id="ti_nr" style="width:250px;height:40px;line-height:40px;text-align:center;
	position:fixed;display:none;top:0;font-size:12px;right:0;left:0;bottom:0;margin:auto;color:#fff;z-index: 11112;"></div>

<div class="cont" >

	<div class="geren_xx" style="background:#d91d36;overflow:hidden;padding-top:25px;position:relative;height:145px;">
        <div id="dist"><a href="{:url('pocessing/logout')}" style="color:#fff;font-size:18px;">退出</a></div>
		<div class="geren_tx" style="margin-left:15px;height:75px;">
			<img src="__TEMPLATE__/mobile/index/img/toux.png" >
		</div>
		<div class="geren_name" style="margin-left:1.5%;">
			<div style="font-size:16px;color:white;font-weight:normal;font-family:'微软雅黑';text-align: left;margin-bottom:12px;">{$user}</div>
			<div style="line-height:1.8rem;font-size:0.99rem; margin-top:-6px;">
				<style type="text/css">
					body{background:#f5f5f9;}
					.geren_name_qian {
						height: 35px;
					}
					#dist{position:absolute;right:5%;top:7px;}
					.geren_name_qian a {
						display: inline-block;
						float: left;
						margin-right: 15px;
						color: #FFFFFF;
					}
					
					.geren_name_qian a:first-child {
						width: 30px;
					}
					
					.geren_name_qian a img {
						width: 100%;
					}
					
					.geren_name_qian a:last-child {
						width: 23px;
					}
					
					.geren_name input {
						width: 85px;
						height: 30px;
						border-radius: 4px;
						margin-right: 30px;
						color: #000000;
						background: #ffbc27;
						font-size:14px;
					}
					
					.geren_name input:last-child {
						background: #de6f6f;
						color: #FFFFFF;
					}
					.nav_1 li{float: left;width: 25%;text-align: center;}
					.nav_1 li a{display: block;font-size: 14px;padding-bottom: 10px;}
					.nav_1 li a img{display: block;margin:19px auto 15px;width:25px;}
					.box_1 li{width: 33%;float: left;height:100px;}
					.box_1 li a{display: block;text-align: center;font-size: 13px;}
					.box_1 li a img{display: block;margin:19px auto 20px;width: 25px;}
					
					.zdc{width: 100%;height: 100%;background: #000000;opacity: 0.6;z-index: 111111;position: fixed;top: 0;display: none;}
					.qqkf{width: 80%;position: fixed;top: calc(50% - 50px);left: calc((100% - 80%)/2);background: #FFFFFF;display: none;z-index: 11111111111;}
					.qqkf p{height: 70px;line-height: 70px;font-size: 12px;color: #33333;border-bottom: 1px solid #CCCCCC;}
					.qqkf>span{height: 28px;line-height: 28px;font-size: 16px;color: #0000FF;}
					 #tsk{width:200px;height:75px;background:#ccc;position:absolute;top:300px;left:50%;margin-left:-100px;display:none;line-height:75px;border-radius: 5px;text-align: center;font-size:14px;}
					 .box_1 span{font-size:15px;}

.nav-link {
  position: relative;
  text-decoration: none;
}
.nav-link:hover {
  color: #333;
  text-decoration: underline;
}
li{ box-sizing: border-box;}
.nav-counter {
  position: absolute;
  top: 20px;
  right: 30px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #e23442;
  border: 1px solid #911f28;
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.nav-counter-green {
  background: #75a940;
  border: 1px solid #42582b;
  background-image: -webkit-linear-gradient(top, #8ec15b, #689739);
  background-image: -moz-linear-gradient(top, #8ec15b, #689739);
  background-image: -o-linear-gradient(top, #8ec15b, #689739);
  background-image: linear-gradient(to bottom, #8ec15b, #689739);
}

.nav-counter-blue {
 background: #e94335;
 border: 1px solid #e94335;
 background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
 background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
 background-image: -o-linear-gradient(top, #67a7e9, #2580df);
 background-image: linear-gradient(to bottom, #e94335, #e94335);
}

</style>
				<p class="geren_name_qian">
					<a style="float:left;" href="#" ><img src="__TEMPLATE__/mobile/index/img/qianbao.png" style="margin-top:3px;width:22px;"></a>
					<a id="balance" style="color:#ffd700;float:left;">{$f.je}</a>
					<a  style="float:left;" onclick="refreshMT()"><img src="__TEMPLATE__/mobile/index/img/sx.png" style="margin-top:5px;width:17px;"></a>
				</p>
				<input type="button" value="充值" onclick="tishi_k('试玩账号无法充值')"/>
				<input type="button" value="提现" onclick="tishi_k('试玩账号无法提现')"/>
			</div>
		</div>

		<!--<div class="geren_user" style=" height:100px; line-height:100px;margin-top: -38px;"></div>-->
	</div>
	

	<ul class="nav_1">

		
		<li><a href="javascript:;" onclick="tishi_k('试玩账号无法充值')"><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe6b7;</i><span>充值记录</span></a></li>
		<li><a href="javascript:;" onclick="tishi_k('试玩账号无法提现')"><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe6ca;</i><span>提现记录</span></a></li>
		<li><a href="{:url('member/touzhu')}" ><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe70c;</i><span>投注记录</span></a></li>
		<li><a href="{:url('member/xiaoxi')}" class="nav-link"><i class="Hui-iconfont" style="display:block;font-size:26px;margin-top:19px;margin-bottom:12px;">&#xe6b3;</i>{if($count>0)}<div class="nav-counter nav-counter-blue">{$count}</div>{/if}<span>消息中心</span></a></li>

		<div class="clear"></div>
	</ul>
	
	<ul class="box_1" style="height:50%;padding-bottom:130px;border-top:1px solid #ddd;">
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"><a href="javascript:;"  ><img src="__TEMPLATE__/mobile/index/img/notice.png"/><span>通知公告</span></a></li>
		<li style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:33%;border-right:1px solid #ddd;"><a href="{:url('lottery/active')}"><img src="__TEMPLATE__/mobile/index/img/hddt.png"/><span>活动大厅</span></a></li>
		<li class="hide"  style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:34%;" onclick="tishi_k('试玩账号没有此功能')"> <a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/zhmx.png"/><span>账户明细</span></a></li>
		<li class="hide" style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;" onclick="tishi_k('试玩账号没有彩金')"> <a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/xitongcaijin-01.png"/ ><span>系统彩金</span></a></li>
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"><a href="javascript:;"  ><img src="__TEMPLATE__/mobile/index/img/djsm.png"/><span>等级说明</span></a></li>
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;width:34%;"><a href="{:url('lottery/guize')}"><img src="__TEMPLATE__/mobile/index/img/wfgz.png"/><span>玩法规则</span></a></li>
		
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;"><a href="javascript:;"><img src="__TEMPLATE__/mobile/index/img/kefu-01.png"/><span>在线客服</span></a></li>
		
		<li style="border-bottom: 1px solid #ddd;border-right:1px solid #ddd;box-sizing: border-box;width:33%;"><a href="javascript:;" id="qqkf"><img src="__TEMPLATE__/mobile/index/img/QQ-01.png"/><span>QQ客服</span></a></li>
		<li style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:33%;"><a href="javascript:;" id="wxkf"><img src="__TEMPLATE__/mobile/index/img/wx_kf.png"/><span>微信客服</span></a></li>
		{if($f.dl=='1')}
		<li style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:33%;border-right:1px solid #ddd;"><a href="{:url('member/dailiCenter')}"><img src="__TEMPLATE__/mobile/index/img/daili.png" style="margin: 15px auto 20px;width: 30px;"/><span>代理中心</span></a></li>
		{else/}
		{if($open==1)}
		<li style="border-bottom: 1px solid #ddd;box-sizing: border-box;width:33%;border-right:1px solid #ddd;"><a href="{:url('member/shenqing')}"><img src="__TEMPLATE__/mobile/index/img/sq.png" style="margin: 15px auto 20px;width: 30px;"/><span>代理申请</span></a></li>
		{/if}
		{/if}
		<li style="border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box;width:33%;"><a href="javascript:;"  onclick="tishi_k('试玩账号密码无法修改')"><img src="__TEMPLATE__/mobile/index/img/xiugaimima-01.png"/><span>密码修改</span></a></li>
		<div class="clear"></div>
	</ul>
	<div class="zdc"></div>
	<div class="qqkf" id="qqkf2">
		<p style='margin-left:10px;position: relative;'>请手动添加客服QQ号：<input type="text" id="qqhm" style="border: 0;height: 69px;position: absolute;top: 0;left: 127px;" value="1564965256" readonly="readonly" /><br /></p>
		<span onclick="copyUrl2()" style='margin-left:120px'>复制</span>
	</div>
	<div class="qqkf" id="wxkf2">
		<p style='margin-left:10px;position: relative;'>请手动添加客服微信号：<input type="text" id="qqhm" style="border: 0;height: 69px;position: absolute;top: 0;left: 127px;" value="1564965256" readonly="readonly" /><br /></p>
		<span onclick="copyUrl2()" style='margin-left:120px'>复制</span>
	</div>
	<div id="tsk">
    
</div>
	<script type="text/javascript">
	function refreshMT() {
		$.ajax({
			type: "post",
			url: "/index/Processing/RefreshMoney",
			success: function (data) {
				if (data != "out") {
					$('#balance').html(data);
				}
			}
		});
	}
		function copyUrl2()
		{
		var Url2=document.getElementById("qqhm");
		Url2.select(); // 选择对象
		document.execCommand("Copy"); // 执行浏览器复制命令
		//alert("已复制好，可贴粘。");
		 $('#tsk').css('display','block').html('已复制好，可贴粘。')
     setTimeout(function(){$('#tsk').css('display','none')},1000)
			$(".zdc").css("display","none")
			$(".qqkf").css("display","none")
		}

		$("#qqkf").click(function(){
			$.ajax({
				type: "post",
				url: "/index/User/service?mobile=1",
				success: function (data) {
					if(data){
						$("#qqhm").val(data);
						$(".zdc").css("display","block");
						$("#qqkf2").css("display","block");
					}
					
					
				}
			});
		})
		$("#wxkf").click(function(){
			$.ajax({
				type: "post",
				url: "/index/User/service?mobile=1&source=2",
				success: function (data) {
					if(data){
						$("#wxhm").val(data);
						$(".zdc").css("display","block");
						$("#wxkf2").css("display","block");
					}
					
					
				}
			});
		})
				
	</script>
		
</div>

{/block}
